@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; font-family:"Microsoft YaHei"; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; text-decoration:none; }
html { line-height:1; }
q, blockquote { quotes:none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; content:none; }
a img { border:none; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
body {color:#444; background:#fff; font:12px Microsoft YaHei, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

/*table */
.table_box { width:100%;}
.table_box td{ line-height:22px; text-align:center; border:#E4E4E4 solid 1px;}
.table_box .tabbg{ background:#f4f4f4;}/* FFE3B5 fff2e0*/
.table_box .tabbg td,.odd_even .tabbg th,.table_box .tabbg th{font-weight:100;line-height:24px; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px;white-space:nowrap}
.table_box thead td,.table_box tbody .tabbg td{color:#333;}
.table_box a{font-weight:700;color:#2E6DC6}
.table_box a:hover{color:#c00}
.single .tabbg td{line-height:30px;}
.odd_even .tabbg th{line-height:33px;border-left:#ccc solid 1px;}
.odd_even tbody td{line-height:30px}

/*Bar*/
.sortable{cursor: pointer;color: blue;}
.om_bar{width:100%; z-index:999999; position:fixed; _position:absolute; bottom:0;}
.om_bar .area{background-color:#fff;height:84px; z-index:999999; width:80%; margin:0 auto; border: 2px double gray;}
#select_area{width:82%;float:left;height:84px;padding-left:5px;border-left: 1px dashed gray;}
#select_area span{margin-right:10px;border-bottom: 1px dotted gray;display: inline-block;}
#operate_area{width:15%;float:left;padding: 2px;height: 82px;}
#operate_area span{width:47%;display: inline-block;}
.select{background:yellow;}
.bar-btn{display:inline-block; margin:0; padding:4px 0 4px 0; border:solid 1px #e1e1e1; color:#333; font-size:12px; text-decoration:none; cursor:pointer; width: 100%;text-align: center;}
.bar-btn.blue{background:#16a0d3; color:#fff;}
.bar-btn.blue:hover{ background:#117ea6; color:#fff;}
.bar-btn.yellow{background:#FF9C30; color:#fff;}
.bar-btn.yellow:hover{ background:#c87316; color:#fff;}
.bar-btn.green{background:#52A152;color:#fff;}
.bar-btn.green:hover{ background:#328032; color:#fff;}

/*输入框样式*/
.input{ padding:5px 4px; min-height:20px; line-height:20px; border:1px solid #d4d4d4; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
.input.normal{ width:300px; }
.input.txt{ width:200px; }
.input.small{ width:50px; }
.input:focus{ background:#FFFBDE; border-color:#7BBFF2; outline:2px solid #99D8F5; }
/*按钮样式*/
.btn{ background:#16a0d3; border:none; color:#fff; cursor:pointer; display:inline-block; font-family:"Microsoft Yahei"; font-size:12px; height:32px; line-height:32px; margin:0 1px 0 0; padding:0 20px; }
.btn:hover{ background:#117ea6; }
.btn.green{ background:#52A152; }
.btn.green:hover{ background:#328032; }
.btn.yellow{ background:#FF9C30;}
.btn.yellow:hover{ background:#c87316; }
.btn.violet{ background:#993333 ; }
.btn.violet:hover{ background:#990033; }
.btn.gray{background:#A1A6A8;}
.btn.gray:hover{background:#717374;}
.icon-btn{ display:inline-block; margin:0; padding:4px 10px 4px 8px; line-height:20px; height:20px; border:solid 1px #e1e1e1; color:#333; font-size:12px; text-decoration:none; cursor:pointer; }
.icon-btn:hover{ color:#2A72C5; }
.icon-btn span{ display:inline-block; vertical-align:middle; }
